<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>开票费用名称管理</title>
<base href="<%=basePath%>">
<script type="text/javascript"
	src="plugins/websocketInstantMsg/ext4/ext-all-debug.js"></script>
<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
<script type="text/javascript"
	src="plugins/websocketInstantMsg/ext4/locale/ext-lang-zh_CN.js"></script>
<link rel="stylesheet"
	href="plugins/websocketInstantMsg/ext4/resources/css/ext-all.css" />
</head>

<body>
<div id="div1" style="height:45px"></div>
<div id="aa"></div>
</body>
<script type="text/javascript">
Ext.onReady(function () {
	Ext.QuickTips.init();
    var store = Ext.create('Ext.data.Store', {
        fields:  ["id","fee_name","tax_rate",],
        pageSize: 20,  //页容量5条数据
        //是否在服务端排序 （true的话，在客户端就不能排序）
        remoteSort: false,
        remoteFilter: true,
        proxy: {
            type: 'ajax',
            url: '<%=basePath%>ticket/list',
            reader: {   //这里的reader为数据存储组织的地方，下面的配置是为json格式的数据，例如：[{"total":50,"rows":[{"a":"3","b":"4"}]}]
                type: 'json', //返回数据类型为json格式
                root: 'rows',  //数据
                totalProperty: 'total' //数据总条数
            }
        },
        sorters: [{
			property: 'ordeId',
			direction: 'desc'
		}],
        autoLoad: true  //即时加载数据
    });
    
   
//新建的列表
    var grid = Ext.create('Ext.grid.Panel', {
    renderTo: "aa",
    id:'grid',
    store: store,
    height: 400,
    width:"100%",
    
    selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"SIMPLE"}),
    //selModel: { selType: 'checkboxmodel' },   //选择框
    columns: [    
                  {xtype: 'rownumberer',text:'序号',minWidth: 50,},               
                  { text: 'id', dataIndex: 'id',  maxWidth: 250 ,hidden:true,},
                  { text: '开票费用名称', dataIndex: 'fee_name', align: 'left', minWidth: 80,  },
                  { text: '税率', dataIndex: 'tax_rate',  maxWidth: 140, },   
               
                
                 
                 
               ],
    bbar: [{
        xtype: 'pagingtoolbar',
        store: store,
        displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
        emptyMsg: "没有数据",
        beforePageText: "当前页",
        afterPageText: "共{0}页",
        displayInfo: true                 
    }],
  
     tbar:[   
     {text:'修改',iconCls:'a_edit2',handler: editAlert,},"-",
     {text:'删除',iconCls:'a_edit2',handler: delteAlert,},"-",
  ], 
     
});


//修改
function editAlert (){
	
	var records = grid.getSelectionModel().getSelection();//获取选中一行的值

   	 if(records.length==0){
     			Ext.Msg.alert("提示","请选择需要编辑的记录");return;
     		}
     		if(records.length>1){
     			Ext.Msg.alert("提示","只能编辑一条记录");return;
     		}   		
     		var id = records[0].data.id;
            Ext.getCmp("id").setValue(id);
     		var fee_name = records[0].data.fee_name;
     		Ext.getCmp("fee_name").setValue(fee_name);
     		var tax_rate = records[0].data.tax_rate;
     		Ext.getCmp("tax_rate").setValue(tax_rate);
	
	       win.show();

	}
	//删除
	function  delteAlert(){
		var records = grid.getSelectionModel().getSelection();
 		if(records.length==0){
 				Ext.Msg.alert("提示","请选中需要删除的记录");return;
 			}
 			var arr = [];
 			Ext.each(records,function(item){
 				obj = {
 						id:item.data.id
 						
 				};
 				arr.push(obj);
 				
 			});
 			var array = JSON.stringify(arr);
 			Ext.Ajax.request({
 						url:  '<%=basePath%>ticket/deleteU',
						params:{
							array:array		
						},
						timeout:5000,
						success:function(response){
							 Ext.MessageBox.alert("删除","删除成功");
							 var store = Ext.getCmp('grid').getStore();
							 store.reload();
						},
						
					});
 	}
	
	//修改保存按钮
	var save = new Ext.Button({
     	text: '保存',
     	 handler: function(){ 
     		var id = Ext.getCmp('id').getValue();   		
	
     		//var OPEN_TICKET_FEE_NAME = Ext.getCmp('OPEN_TICKET_FEE_NAME').getRawValue();//开票费用名称
     		//alert(OPEN_TICKET_FEE_NAME)
     		var fee_name = Ext.getCmp('fee_name').getValue();//开票费用名称
     		//alert(fee_name)
     		var tax_rate = Ext.getCmp('tax_rate').getValue();//开票税率
     		//alert(tax_rate)
			var store = Ext.getCmp('grid').getStore();
	  		 Ext.Ajax.request({
     			url: '<%=basePath%>ticket/updite',
					params : {
						id : id,
						fee_name : fee_name,
						tax_rate : tax_rate,

					},
					method : 'POST',
					success : function() {
						Ext.MessageBox.alert("保存成功", "保存成功");
                         
						win.close();
						store.load();
					},
				});

			}

		});
	//重置按钮
		var reset = new Ext.Button({
			text : '重置',
			listeners : {
				'click' : function() {
					Ext.getCmp('add').form.reset();
				
				}
			}
		}

		);
	//取消按钮
		var cancel = new Ext.Button({
			text : '取消',
			listeners : {
				'click' : function() {
					win.close();
				}
			}
		}

		);
	//税率
		var shuilv = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
                {"id":"", "name":"全部"},
				{"id":"0", "name":"0%"},
				{"id":"1", "name":"3%"},
				{"id":"2", "name":"3%"},
				{"id":"3", "name":"6%"},
				{"id":"4", "name":"11%"},
				{"id":"5", "name":"17%"},
				
			
			]
		});
	//新增一个form表单
		var add = Ext.create("Ext.form.Panel", {
             id:'add',
			frame : true,
			width : 280,
			height : 200,

			defaults : {
				anchor : '100%',
				labelWidth : 50,
				labelAlign : "right"
			},
			items : [ {
				id : 'id',
				hidden : true,
				hideLabel : true,
				xtype : 'textfield',
				fieldLabel : 'id',
				name : 'id'
			},  
             {
				
				id:'fee_name',				
				fieldLabel : '开票费用名称',
				name : 'fee_name',
				xtype : 'textfield',
				emptyText:'请输入开票费用名称',
				

			},
			 {
				id:'tax_rate',				
				fieldLabel : '开票税率',
				name : 'tax_rate',
				xtype : 'textfield',
				emptyText:'税率',
				
				
			}
            
// 			{   
// 				id : 'OPEN_TICKET_FEE_NAME',
// 				fieldLabel : '开票费用名称',
// 				name : 'OPEN_TICKET_FEE_NAME',
// 				xtype : 'combobox',
// 				emptyText:'请选择',
// 				store : feiyong,
// 				valueField: 'tax_rate',
// 				displayField:'fee_name',
// 				editable: false,
	
// 			},
			
			
			
			],
			
		});
        //新建一个窗口，把form表单放进去
		var win = Ext.create("Ext.window.Window", {
			title : '新增',
			width : 290,
			height : 250,  
			resizable : true,
			modal : true,
			closable : true,
			maximizable : true,
			minimizable : true,
			closeAction :'hide',//点击第二次
			buttons : [ save, reset, cancel ],
		
			items : [ add ],
		});
           
        //新建查询列表
		var c1 = Ext.create('Ext.container.Container', {
			layout : 'column',
			defaults : {
				labelAlign : 'left',
				labelWidth : 60
			},
			items : [
					{
						xtype : 'textfield',
						name : 'fee_name',
						id : 'a',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '费用名称',
						emptyText:'请输入开票费用名称',
					},
					{
						xtype : 'textfield',
						name : 'tax_rate',
						id : 'b',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '开票税率',
						emptyText:'请输入税率',
					},
					
					
					{
						xtype : "button",
						padding : '5px',
						text : '查询',
						handler : function() {
					var fee_name = Ext.getCmp('a').getValue();//开票费用名称
					//alert(fee_name)
				
					var tax_rate = Ext.getCmp('b').getValue();//遂率
					//alert(tax_rate)

					var store = Ext.getCmp('grid').getStore();
					store.on('beforeload', function(store, options) {
						var new_params = {
								fee_name : fee_name, //费用名称
								tax_rate : tax_rate, //税率
							
						};
						Ext.apply(store.proxy.extraParams, new_params);
					});
					store.load();
				}
			},{
				xtype : "button",
				padding : '6px',
				text : '保存',
				listeners : {
					'click' : function() {
						var fee_name = Ext.getCmp('a').getValue();//开票费用名称
						alert(fee_name)
					
						var tax_rate = Ext.getCmp('b').getValue();//遂率
						alert(tax_rate)
						Ext.Ajax.request({
	 						url:  '<%=basePath%>ticket/add',
							params:{
								fee_name : fee_name,
								tax_rate : tax_rate,
							},
							timeout:5000,
							success:function(response){
								 Ext.MessageBox.alert("提示","保存成功");
								 var store = Ext.getCmp('grid').getStore();
								 store.reload();
							},
							
						});
					}
				}
				
 			},
 			//{
// 				xtype : "button",
// 				padding : '6px',
// 				text : '清空信息',
// 				listeners : {
// 					'click' : function() {
						
// 						Ext.getCmp('re').form.reset();
					
// 					}
// 				}
				
// 			}
					
					]

		});
           //把查询的列表放进form中
		var form = Ext.create('Ext.form.Panel', {
			renderTo : 'div1',
			frame : true,
			id:'re',
			items : [ c1 ],

 		});

	});



</script>
</html>